<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="icon" href="#(ctx)/assets/images/favicon.ico"/>
    <title>场景编辑</title>
    <link rel="stylesheet" href="#(ctx)/assets/plugins/Cesium/Widgets/widgets.css"/>
    <link rel="stylesheet" href="#(ctx)/assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="#(ctx)/assets/font-awesome-4.3.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="#(ctx)/assets/module/admin.css?v=315" />
   	<link rel="stylesheet" href="#(ctx)/assets/plugins/zTree_v3/css/metroStyle/metroStyle.css" />
    <link rel="stylesheet" href="#(ctx)/assets/css/scene.css"/>
</head>
<body class="layui-layout-body">
	<div class="layui-layout ">
	     <div class="layui-side" style="overflow: hidden;">
	         <div class="layui-side-scroll">
	         	<div style="height: 25px;border-bottom: 1px solid rgba(0,0,0,1);line-height: 25px;padding: 5px;">
	         		<table style="width: 100%;">
	         			<tr>
	         				<td style="width: 100px;" id="sceneBuiderNameTd"> 
	         					#(scene?scene.title:"")
	         				</td>
	         				<td style="text-align: right;padding: 0px 5px 0px 0px;">
	      				     	 <a id="sceneClassify" title="添加目录" style="color:hsla(0,0%,100%,.8); cursor: pointer;text-decoration: none;">
	         					 	<i class="layui-icon layui-icon-addition"></i>
	         					 </a> 
	      				     	 <a id="sceneRefresh" title="刷新场景树" style="color:hsla(0,0%,100%,.8); cursor: pointer;text-decoration: none;">
	         					 	<i class="layui-icon layui-icon-refresh"></i>
	         					 </a>	         					 	         				
	      				     	 <a id="sceneLocation" title="城市定位" style="color:hsla(0,0%,100%,.8); cursor: pointer;text-decoration: none;">
	         					 	<i class="layui-icon layui-icon-radio"></i>
	         					 </a>          				
	      				     	 <a id="sceneSetting" title="城市设置" style="color:hsla(0,0%,100%,.8); cursor: pointer;text-decoration: none;">
	         					 	<i class="layui-icon layui-icon-more-vertical"></i>
	         					 </a>   				
	         				</td>
	         			</tr>
	         		</table>
	         	</div>
	         	<ul id="sceneLayer-#(scene?scene.id:'')" class="ztree" style="max-height: calc(100vh - 50px);overflow-y: auto;"></ul>
	         </div>	     	
	     </div>	
	     <div class="layui-body" style="background:#2b2b2b;"><div id="cesiumContainer" style="height: 100%;"></div>
	</div>
</div>


<!-- js部分 -->
<script type="text/javascript" src="#(ctx)/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/zTree_v3/js/jquery.ztree.core.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/zTree_v3/js/jquery.ztree.excheck.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/zTree_v3/js/jquery.ztree.exedit.js"></script>
<script type="text/javascript" src="#(ctx)/assets/libs/layui/layui.js"></script>
<script type="text/javascript"  src="#(ctx)/assets/js/ajax.js"></script>
<script type="text/javascript"  src="#(ctx)/assets/plugins/Cesium/Cesium.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/turf/turf.min.js"></script>

<!--底层扩展脚本 -->
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/VFG.min.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/VFGPolygon.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/VFGPolyline.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/VFGPoint.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/VFGModel.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/CesiumVFGWin.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/VFGFeature.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/VFGUtil.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/VFGDraw.js"></script>

<!--基于后台 二次开发接口 -->
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMap.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapLayer.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapProvider.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapPoint.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapPolyline.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapModel.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapPolygon.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapEvent.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapUtil.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapLayer.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapMessage.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapListener.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapVPlane.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapVShed3d.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapVModel.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapCluster.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapFeature.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapRoam.js"></script>
<script type="text/javascript" src="#(ctx)/assets/plugins/VFGlobe/Api/VFGMapDraw.js"></script>


<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneEditor.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneLayer.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneMenu.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneProvider.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneModel.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/ScenePoint.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/ScenePolyline.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/ScenePolygon.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneVModel.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneVPlane.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneVShed3d.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneFeature.js"></script>
<script type="text/javascript" src="#(ctx)/assets/js/scene/SceneRoam.js"></script>


<script type="text/javascript">
	var layer,element,form,laytpl,table,upload,slider,colorpicker,treeSelect,sceneEditor;
	layui.extend({
	    treeSelect: '#(ctx)/assets/module/treeSelect/treeSelect'
	}).use(['layer', 'element','upload','colorpicker','table','treeSelect','slider','carousel','colorpicker','laytpl','util','form'], function (e) {
		var $ = layui.jquery;
	    layer = layui.layer;
	    element = layui.element;
	    form= layui.form;
	    laytpl=layui.laytpl;
	    table=layui.table;
	    slider=layui.slider;
	    colorpicker=layui.colorpicker;
	    upload=layui.upload;
	    treeSelect=layui.treeSelect;
	    sceneEditor=new SceneEditor({
	    	ctx:'#(ctx)',
	    	sceneId:'#(scene?scene.id:"")',
	    	container:'cesiumContainer'
	    });
	    
	});
	
	
	
	
	function selectResource(obj){
		if(cityBuider){
			cityBuider.selectResource($(obj).attr("type"));
		}
		$(obj).parent(".layui-nav-item").removeClass("layui-this");
		return false;
	}
</script>

</body>

</html>